import React from 'react';
import { Switch, Route, Redirect } from 'react-router-dom'

const Routeview = ({ routes }) => {
  return (
    <Switch>
      {
        routes.length > 0 && routes.map((v, i) => {
          return (
            v.path 
              ? <Route key={i} path={v.path} 
                render={ props => <v.component { ...props } routes={ v.children }></v.component> }></Route> 
              : <Redirect from={ v.from } to={ v.to } key={i}></Redirect>
          )
        })
      }
    </Switch>
  ); 
}

export default Routeview;
